<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.com">
<head>
    <meta charset="UTF-8">
    <title>Login Page</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" th:href="@{https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css}">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" th:src="@{https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js}"></script>
    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script type="text/javascript" th:src="@{https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js}"></script>
    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script type="text/javascript" th:src="@{https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js}"></script>
    <!-- 移动设备优先 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" th:href="@{images/favicon.ico}" type="image/x-icon">
    <link rel="stylesheet" th:href="@{/css/login.css}">

</head>
<body>
<div class="container">
    <div class="login">
        <h1>配送班结算管理平台</h1>
        <form th:action="@{/login}" method="get">
            <p>
                <input type="text" name="name" placeholder="用户名或手机号" autofocus="autofocus">
                <i class="youhu"></i>
            </p>
            <p>
                <input type="password" name="password" placeholder="请输入登录密码">
                <i class="pass"></i>
            </p>
            <p>
                <input id="submit"  type="submit" value="登录">
            </p>
        </form>
    </div>
    <div class="reg">
        <p>新用户注册通道</p>
        <p>
            <a th:href="@{/register}">用户注册<i class="rj"></i></a>
        </p>
    </div>
</div>
</body>
</html>